/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,li,ol,form,input,textarea,th,td,select { margin:0; padding:0; font-family: 'Microsoft Yahei', sans-serif;}
body a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;text-decoration:none;cursor:pointer;}
body a:hover{text-decoration:none;}
a,a:hover,a:link,a:active,a:focus{ text-decoration:none; outline:none;}
ul,li { margin:0;padding:0; list-style:none;}
.fl{float:left}
.fr{float:right}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

/*---------------------------------------Preloader section-----------------------------------------*/
.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;flex-flow: row nowrap;
    justify-content: center; align-items: center;background: none repeat scroll 0 0 #ffffff;}
.sk-rotating-plane { width: 50px; height: 50px; background-color: #222;-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



/*-----------header start here-----------*/
.logo { float: left;width: 20%;padding-top:1.7em;}
.header-right {float: left; width: 80%;text-align:right;}
.top-nav-right {float: right;width: 20%;padding-top:1.8em;}
span.menu {display: none;}
.top-nav{font-size:16px;}
.top-nav ul {line-height:5em;}
.top-nav ul li {display: inline-block;}
.top-nav ul li a{color: #8f8f8f;font-size: 1.05em;padding:0.5em 1em;position:relative;z-index: 999;}
.navbar-default{background:#1c1a1b;margin-bottom:0;border:none;}


.backHome{font-size:1.2em;color:#333; }
.backHome:hover{color:#2c98e6;}
.nav_excend .container{padding-bottom:1.6em;}
/*-----*/
.cl-effect-16 a {text-shadow: 0 0 1px rgba(111,134,134,0.3);}
.cl-effect-16 a::before {color: #ffe200;content: attr(data-hover);position: absolute;opacity: 0;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -o-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    -ms-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}
.cl-effect-16 a:hover::before,.cl-effect-16 a:focus::before {
    -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -o-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    opacity: 1;
}
.cl-effect-16 .active a{color:#ffe200;}
/*--nav  end--*/

/*图片展示*/
.show{padding-top:5.8em;}

/*--services--*/
.services {text-align:center;background:#ffe200; padding-bottom:3em;}
.title{text-align:left;padding:2em 0 5em;}
.title img,.title .title_h3{display:inline-block;}
.title .title_h3{vertical-align:middle;padding-left:0.4em;text-transform:Uppercase;}
.srvs-image img{margin:0 auto;}
.img-title h4 { margin: 1em 0 0 0;text-align:center; color: #1b1b23; font-size: 1.2em;line-height: 1.4em;font-weight:bold;}
.services-grids p {margin: 1.5em 0 0;line-height: 1.8em;font-size: 1.1em;color: #544900;text-align:left;}

/*案例精选*/
.selection{text-align:center;background:#e5e5e5;padding-bottom:2em;}
.selection .title{background: url('') no-repeat 0px 0px;
    -webkit-background-size: cover;background-size: cover;background-position: center center;}
.selection .title_h3{color:#b3b3b3;}
.selection .services_title{position:relative;}
.services_title h4{background:#fff;color:#1d1b1c;font-size:1.4em;padding:0.8em 0;cursor:pointer;width:80%;position:absolute;top:-4px;box-shadow: 0 1px 3px #d2d1d2;}
.services_title_active h4{background:#424041;color:#fff;border-top:4px solid #b9b472;}
.selection .services-grids-info h4{color:#1d1b1c;font-weight:normal;background:#fff;padding:0.8em 0;}
.selectionBox{padding-bottom:1.4em;}
.services_title_box{margin-bottom:6em;}

.selection .services-grids-info img{width: 100%;max-width: 100%;height: auto;}
.selectionBox .col-md-4,.selectionBox .col-sm-4{padding-right:60px;}
.selectionBox2,.selectionBox3{padding:8em 0;font-size:1.6em;display:none;}

.selectiona{padding-bottom:12em;}

/*行业资讯*/
.information{background:#0d6fb8; padding-bottom:3em;}
.information  .title_h3,.information h4{color:#fff;}
.information .img-title h4{font-weight:normal;}

/*关于我们*/
.aboutUs{text-align:center;background:#e5e5e5;padding-bottom:3em;}
.aboutUs_word{font-size:1.1em;color:#4b4b4b;padding:4em 0 10em;}
.aboutUs_word p{line-height:1.6em;letter-spacing:0.05em;}

/*---------------------------------------服务项目页-----------------------------------------*/
/*流程*/
.process .container{text-align:center;background:#fff;padding:4em 0 5em 0em;}
.process h4{font-size:1.4em;}
.process p{color:#707073;padding:1em 0 5em;}

.process1{padding:4em 0 9em;}
.process1 img{margin:0 auto;}

.process2 p{padding:0;line-height:1.6em;}


/*---------------------------------------关于我们页-----------------------------------------*/
.aboutInformation{text-align:center;background:#24242e;padding-bottom:3em;}
.aboutInformation .title_h3{color:#b3b3b3;}
.aboutInformation .title{padding:2em 0 0;}
.informa{padding-left:3em;}
.informa p{margin:1.6em 0;color:#b3b3b3;}
.informa a{color:#b3b3b3;border:1px solid #b3b3b3;padding:0.1em 0.6em;margin-right:1em;}
.informa h3{color:#b3b3b3;padding:2em 0 0em;}

.index_aboutUs{padding:12em 0 0;}

/*---------------------------------------行业资讯页-----------------------------------------*/
.index_info{background:#24242e;color:#6f6f77;}
.index_info .title_h3{color:#cdcdcf;}
.index_info .info_h3{color:#128ae4;font-size:1.9em;margin-bottom:1em;}
.index_info .info_h3a{color:#fff;}
.index_info .program-divider { border: 1px dashed   #cfd0d5;margin:1.3em 0 5em;margin-left:15px;width:80%;}
   
.index_infoa{background:#18cec2;height:10em;}
.index_infob{background:#fff;height:10em;}
.reader_more,.reader_more:hover,.reader_more:link,.reader_more:focus,.reader_more:active{color:#6fbbf3;}
.index_info p{display:inline;line-height:1.6em;letter-spacing:1px;}

.index_info .row{padding-top:5em;}

/*底部  */
.bottom{background:#1c1a1b;color:#d8d8d8;position:relative;padding:12em 2em 0;}
.bottom .logo_bottom{position:absolute;top:-4em;left:46%;}
.bottom h4{font-size:1em;}
.bottom .link{padding:1em 0;border-top:1px solid #434343;border-bottom:1px solid #434343;}
.bottom span{padding-left:0.4em;}
.bottom p{padding-bottom:1em;}

.bottom .bottom_fr{text-align:right;}
.bottom_fr,.bottom_fl{width:49%;display:inline-block;vertical-align:top;}

.link{background:#1c1a1b;color:#d8d8d8;padding:1em 0;border-top:1px solid #444243;border-bottom:1px solid #444243;padding:1.2em 2em 2.5em;}
.ICP{text-align:center;background:#1c1a1b;color:#d8d8d8;padding:1em 2em;}
.link a{color:#d8d8d8;padding-left:1em;font-size:1em;}
.link a:hover,.link a:link,.link a:focus,.link a:active{color:#ffe200;}

/*--floatRight  app下载、向上等--*/
.floatRight{position: fixed;display:block;z-index:9999;bottom: 20%;right: 0.5%;}
#toTopHover {width: 42px;height:42px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
.toTop,.app,.weixin,.dianpu{display:block;overflow: hidden;width: 42px;height: 42px;text-indent: 100%;}
.toTop {background: url("") no-repeat 0px 0px;}
.toTop:hover{background: url("") no-repeat 0px 0px;}
.weixin {display:block;background: url("") no-repeat 0px 0px;}
.weixin:hover{background: url("") no-repeat 0px 0px;}

.floatRight .appBox,.floatRight .weiXinBox{position:relative;}
.weiXin_bover{position:absolute;top:-30px;left:-130px;display:none;}







/*---- responsive-design -----*/
@media(max-width:1440px){
/* .cl-effect-16 .active a{color:red;} */
}

@media(max-width:1366px){
/* .cl-effect-16 .active a{color:#1fc53e;} */
}



@media(max-width:1280px){
/* .cl-effect-16 .active a{color:#6c781f;} */

}

@media(max-width:1200px){
/* .cl-effect-16 .active a{color:#ad783a;} */

}

@media(max-width:1080px){
/* .cl-effect-16 .active a{color:#663fe4;} */


}

@media(max-width:1024px){
/* .cl-effect-16 .active a{color:#d625d8;} */

}
@media(max-width:991px){
/* .cl-effect-16 .active a{color:#f62d5d;} */
	

	/* header */
.top-nav ul li a {font-size: 1.2em;}	
.top-nav ul{line-height:3em;}
.top-nav-right{padding-top:0;}
.top-nav ul li.first:nth-child(1) { margin-left: 0;}
.top-nav ul li {margin: 0.7em 1em 0;}
/*---------------------------------------首页-----------------------------------------*/	
/* show */
.show{padding-top:8.6em;}

/* service */
.services .services-grids-info{padding-bottom:2em;}

/* 案例精选 */
.services_title h4{font-size:1.2em;}
.selectionBox .col-md-4, .selectionBox .col-sm-4{padding-right:33px;}

/*行业资讯  */
.information .img-title h4{font-size:1.2em;}

}


@media(max-width:768px){
/* .cl-effect-16 .active a{color:#e5ed63;} */
	
.top-nav ul li {
    margin: 0 1em;
}


}
@media(max-width:767px){
/* .cl-effect-16 .active a{color:#93ca45;} */

	/* header */
span.menu{display: block;text-align: center;padding: 1px 0px 0px 0px;cursor: pointer;color: #E74C3C;
		font-size: 16px;font-weight: 700;position:relative;}
.top-nav ul.res{display:none;padding:0px;}
.top-nav ul.res {padding: 0;margin: 0.5em 0em 0em 0em;z-index: 9999;position: absolute;width: 100%;left:0;}
.top-nav ul.res li{display: block;text-align: center;background:#1c1a1b;margin: 0;width: 100%;}
.top-nav ul.res li a {font-size: 16px;padding: 0.1em 1em; color: #444;display: inline-block;border: none;background: none;text-align: center;
  margin: 0em;}
ul.res  a:hover,ul.res li a.active{color:#fee202;}
.top-nav {width: 100%;}
.top-nav-right {width: 50%;padding-top:1em;text-align:right;}
.top-nav-right2{width:40%;}
span.menu {padding: 10px 0px 0px 0px;text-align:right;}
.top-nav ul.res li.active a{color:#fee202;}
.logo{padding-top:1em;}


/* show */
.show{padding-top:3.6em;}

/*案例精选  */
.services_title h4{position:relative;margin:0 auto 1em;width:49%;left:-1%;}
.selection .srvs-image{width:50%;margin:1em auto 0;}
.services_title_box{margin-bottom:1em;}

/* 行业资讯 */
.information .services-grids-info{margin-bottom:1em;}
.information .img-title h4{font-size:1em;}

/*底部  */
.bottom .logo_bottom{left:34%;}
.bottom_fr, .bottom_fl{display:block;width:100%;text-align:center;}
.bottom .bottom_fr{text-align:center;}
}

@media(max-width:640px){
/* .cl-effect-16 .active a{color:red;} */

}


@media(max-width:480px){
/* .cl-effect-16 .active a{color:#5ed9e8;} */
	/*头部  */

.headder {padding: 1.5em 0 0;}
.navbar-default .navbar-nav > li > a {padding: 13px 0;}
.top-nav-right .login2{margin-top:1em;}
span.menu{padding:12px 0px 0px 0px;}
.logo{width:30%;}
.header-right{width:70%;}
.top-nav-right{width:30%;padding-top:0;}
.top-nav ul.res{margin:0.4em 0em 0em 0em;}
.logo img{width:70%;}
.menu img{width:10%;}

.selection .srvs-image{width:100%;}
.services_title h4{width:95%;left:-2%;}

.top-nav-right1{text-align:right;width:60%;padding-top:1em;}
.ICPBottom{display:block;}

.bottom .logo_bottom{left:33%;width:33%;}

.process1{padding:4em 0 0em;}
.index_info .info_h3{font-size:1.4em;padding-top:0.8em;}

}
@media(max-width:320px){
/* .cl-effect-16 .active a{color:#9229ec;} */
	/* 头部 */
.logo{padding-left:0.1em;}
.top-nav-right{width:35%;}
.top-nav ul.res{margin:0.4em 0em 0em 0em;}


}